<div class="colorful_cate">
	<a href="{:url('colorful/index')}">年度代表色</a>
	<a href="{:url('colorful/style')}">色彩与风格</a>
	<a href="{:url('colorful/personality')}" class="active">色彩与性格</a>
</div>

<div class="shadow_tit">
	<p>Color And Personality</p>
	<b>色彩与性格</b>
</div>

<div class="color_and_personality">
	<img src="{$site.color_personality_img}" alt="">
	<div class="desc">
		{$site.color_personality_desc}
	</div>
</div>

<div class="personality">
	<div class="swiper-container gallery-thumbs">
		<div class="swiper-wrapper">
			{volist name='personality' id='vo'}
			<div class="swiper-slide">
				<img src="{$vo.image}">
				<div class="desc">
					{$vo.desc}
				</div>
			</div>
			{/volist}
		</div>
		<div class="swiper-button-next swiper-button-white"></div>
		<div class="swiper-button-prev swiper-button-white"></div>
	</div>
	<div class="swiper-container gallery-top">
		<div class="swiper-wrapper">
			{volist name='personality' id='vo'}
			<div class="swiper-slide" style="background: {$vo.color};">
				<b>{$vo.title}</b>
				<p>{$vo.color}</p>
			</div>
			{/volist}
		</div>
	</div>
</div>